<include file="Public:header" />
<link rel="stylesheet" href="/comfile/css/index.css" />
<div class="banner-box" id="banner_qq_3479015851">
    <div class="banner-tag-box">

        <gt name="Think.session.userId" value="0">

            <div class="banner-tag login-banner-tag">
                <div class="user-base">
                    <span class="user-base-sp">
							Hi,<a href="#" target="_blank">{$Think.session.userName}</a>
						</span>
                    <div class="user-info-block">
                        <table>
                            <tr>
                                <td>可用 CNY</td>
                                <td>冻结</td>
                                <td>总资产</td>
                            </tr>
                            <tr>
                                <td>{$userCoin_top['cny']}</td>
                                <td>{$userCoin_top['cnyd']}</td>
                                <td>{$userCoin_top['allcny']}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <ul class="clearfix">
                    <div class="user-info-fina">
                        <a href="/Finance/mycz.html">CNY充值</a> <a href="/Finance/mytx.html">CNY提现</a>
                        <a href="/User/index.html" class="w82">安全中心</a>
                    </div>
                </ul>
                <a href="/Finance/index.html" target="_blank" class="green-link-btn">去财务中心</a>
                <a href="/Finance/mytj.html" target="_blank" class="transparent-link-btn">
                    <i class="icon-hot-tag"></i> 推荐好友拿奖励 </a>
            </div>


            <else/>




            <div class="banner-tag visitor-banner-tag">
                <div class="topest-profit" style="margin:5px 0 0 0;">
                    <div class="modal-header" style="border:none;text-align:center;padding:0px;">

                        <h3 style="font-size:18px;">
                            风险提示
                        </h3>
                    </div>
                    <div class="modal-body" style="font-size:18px;width: 350px;">
                        <div style="font-size:13px;text-align:left;margin: 0px 0 0 0">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数字货币交易具有极高的风险（预挖、暴涨暴跌、庄家操控、团队解散、技术缺陷等）， 据国家五部委《关于防范比特币风险的通知》，{$C['web_name']}仅为数字货币的爱好者提供一个自由的网上交换平台， 对币的投资价值不承担任何审查、担保、赔偿的责任，如果您不能接受，请不要进行交易！谢谢！
                        </div>
                    </div>
                </div>
                <a href="javascript:loginpop();" class="red-link-btn">立即登录 </a>
                <a href="/Login/register.html" class="red-link-btn" target="_blank"> 立即注册 </a>
            </div>




        </gt>




    </div>
    <div id="slider_index" class="slider" style="height:400px;">
        <div class="slider-loading" data-u="loading">
            <div class="slider-loading-a"></div>
            <div class="slider-loading-b"></div>
        </div>
        <div class="slider-body" data-u="slides">


            <volist name="indexAdver" id="vo">
                <div onclick="window.location.href='{$vo['url']}'">
                    <a src="" style=""><img data-u="image" title="" alt="" src="__UPLOAD__/ad/{$vo.img}" />
                    </a>
                </div>
            </volist>

        </div>


        <div id="slider-body-navigator_index" class="sbn-3" data-u="navigator" style="position: absolute;
        bottom: 16px;" data-autocenter="1">
            <div data-u="prototype" style=""></div>
        </div>
        <span id="slider-body-arrow-l_index" data-u="arrowleft" class="slider-body-arrowleft-1" data-autocenter="2"></span>
        <span id="slider-body-arrow-r_index" data-u="arrowright" class="slider-body-arrowright-1" data-autocenter="2"></span>
    </div>
    <textarea class="mv-hide" style="display: none;">
    slider_run("slider_index", [{"$Duration":1200,"x":0.3,"$SlideOut":true,"$Easing":{},"$Opacity":2}]);
</textarea>
</div>


<div style="height:0px;width:100%;clear:both;"></div>

<div class="tradeBox hg40" style=" width: 1200px;margin: 0 auto;   background: #FFF;">
    <div class="slideHd hg40" style="width: 1200px;margin: 0 auto;background: #FFF;">
        <ul class="active hg40  trade_qu_list" style="height: 40px;line-height: 40px;">


            <volist name="qq3479015851_jiaoyiqu" id="v">
                <li class="trade_moshi trade_qu_pai   
					<eq name=" key " value="0 ">
					current 
					</eq>
					" data="{$key}" onclick="trade_qu(this)">
                    <a> {$v} </a></li>
            </volist>





        </ul>
    </div>
</div>
<div class="price_today">
    <div class="autobox">
        <ul class="price_today_ull">
            <li data-sort="0" style="cursor: default;">交易市场</li>
            <li class="click-sort" data-sort="1" data-flaglist="0" data-toggle="0">最新成交价 <i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
            </li>
            <li class="click-sort" data-sort="2" data-flaglist="0" data-toggle="0">买一价 <i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
            </li>
            <li class="click-sort" data-sort="3" data-flaglist="0" data-toggle="0">卖一价 <i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
            </li>
            <li class="click-sort" data-sort="6" data-flaglist="0" data-toggle="0">24H成交量 <i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
            </li>
            <li class="click-sort" data-sort="4" data-flaglist="0" data-toggle="0">24H成交额
                <i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
            </li>
            <li class="click-sort" data-sort="7" data-flaglist="0" data-toggle="0">24H涨跌 <i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
            </li>
            <li data-sort="0">价格趋势(3日)</li>
            <li data-sort="0" style="width: 150px; text-align: center; text-indent: 0.5em;">操作</li>
        </ul>
    </div>
</div>

<ul class="price_today_ul" id="price_today_ul" style="margin: 0px auto;width: 1200px;background: #FFF;box-shadow: 2px 2px 4px #D7DAE0;">

</ul>
<script src="/comfile/js/jquery.flot.js"></script>
<script>
    $('.price_today_ull > .click-sort').each(function() {
        $(this).click(function() {
            click_sortList(this);
        })
    })

    function allcoin_callback(priceTmp) {
        for (var i in priceTmp) {
            var c = priceTmp[i][8];
            if (typeof(trends[c]['data']) && typeof(trends[c]['data']) != 'null') {
                if (typeof(trends[c]) != 'undefined' && typeof(trends[c]['data']) != 'undefined') {
                    $.plot($("#" + c + "_plot"), [{
                        shadowSize: 0,
                        data: trends[c]['data']
                    }], {
                        grid: {
                            borderWidth: 0
                        },
                        xaxis: {
                            mode: "time",
                            ticks: false
                        },
                        yaxis: {
                            tickDecimals: 0,
                            ticks: false
                        },
                        colors: ['#f99f83']
                    });
                }
            }
        }
    }

    function click_sortList(sortdata) {
        var a = $(sortdata).attr('data-toggle');
        var b = $(sortdata).attr('data-sort');
        $(".price_today_ull > li").find('.cagret-up').css('border-bottom-color', '#848484');
        $(".price_today_ull > li").find('.cagret-down').css('border-top-color', '#848484');
        $(".price_today_ull > li").attr('data-flaglist', 0).attr('data-toggle', 0);
        $(".price_today_ull > li").css('color', '');
        $(sortdata).css('color', '#1a81d6');
        if (a == 0) {
            priceTmp = priceTmp.sort(sortcoinList('dec', b));
            $(sortdata).find('.cagret-down').css('border-top-color', '#1a81d6');
            $(sortdata).find('.cagret-up').css('border-bottom-color', '#848484');
            $(sortdata).attr('data-flaglist', 1).attr('data-toggle', 1)
        } else if (a == 1) {
            $(sortdata).attr('data-toggle', 0).attr('data-flaglist', 2);;
            $(sortdata).find('.cagret-up').css('border-bottom-color', '#1a81d6');
            $(sortdata).find('.cagret-down').css('border-top-color', '#848484');
            priceTmp = priceTmp.sort(sortcoinList('asc', b));
        }
        renderPage(priceTmp);
        change_line_bg('price_today_ul', 'li');
        allcoin_callback(priceTmp);
    }

    function trends() {
        $.getJSON('/ajax/index_b_trends?t=' + rd(), function(d) {
            trends = d;
            allcoin();
        });
    }

    function allcoin(cb) {
        var trade_qu_id = $('.trade_qu_list .current').attr('data');
        $.get('/ajax/allcoin_a/id/' + trade_qu_id + '?t=' + rd(), cb ? cb : function(data) {
            var d;
            if (data.status == 1) {
                d = data.url;
            }
            ALLCOIN = d;
            var t = 0;
            var img = '';
            priceTmp = [];
            for (var x in d) {
                if (typeof(trends[x]) != 'undefined' && parseFloat(trends[x]['yprice']) > 0) {
                    rise1 = (((parseFloat(d[x][4]) + parseFloat(d[x][5])) / 2 - parseFloat(trends[x]['yprice'])) * 100) / parseFloat(trends[x]['yprice']);
                    rise1 = rise1.toFixed(2);
                } else {
                    rise1 = 0;
                }
                img = d[x].pop();
                d[x].push(rise1);
                d[x].push(x);
                d[x].push(img);
                priceTmp.push(d[x]);
            }
            $('.price_today_ull > .click-sort').each(function() {
                var listId = $(this).attr('data-sort');
                if ($(this).attr('data-flaglist') == 1 && $(this).attr('data-sort') !== 0) {
                    priceTmp = priceTmp.sort(sortcoinList('dec', listId))
                } else if ($(this).attr('data-flaglist') == 2 && $(this).attr('data-sort') !== 0) {
                    priceTmp = priceTmp.sort(sortcoinList('asc', listId))
                }
            });
            renderPage(priceTmp);
            allcoin_callback(priceTmp);
            change_line_bg('price_today_ul', 'li');
            t = setTimeout('allcoin()', 5000);
        }, 'json');
    }

    function rd() {
        return Math.random()
    }

    function renderPage(ary) {
        var html = '';
        for (var i in ary) {
            var coinfinance = 0;
            if (typeof FINANCE == 'object') coinfinance = parseFloat(FINANCE.data[ary[i][8] + '_balance']);
            html += '<li><dl class="autobox clear"><dt><a href="/trade/index/market/' + ary[i][8] + '/">' +
                '<img src="/upload/coin/' + ary[i][9] + '" style="vertical-align: middle;margin-right: 5px;width: 19px;margin-left: 12px;">' + ary[i][0] + '</a></dt><dd class="orange" style="text-indent: 1.6em;">' + ary[i][1] + '</dd><dd style="text-indent: 1.6rem;">' + ary[i][2] + '</dd><dd style="text-indent: 1.6rem;">' + ary[i][3] + '</dd><dd class="w142" style="    text-indent: 1.6rem;">' + formatCount(ary[i][6]) + '</dd><dd class="w142" style="    text-indent: 2.5rem;">' + formatCount(ary[i][4]) + '</dd><dd class="w142 ' + (ary[i][7] >= 0 ? 'buy' : 'sell') + '" style="    text-indent: 2.0rem;">' + (parseFloat(ary[i][7]) < 0 ? '' : '+') + ((parseFloat(ary[i][7]) < 0.01 && parseFloat(ary[i][7]) > -0.01) ? "0.00" : (parseFloat(ary[i][7])).toFixed(2)) + '%</dd><dd id="' + ary[i][8] + '_plot"  style="width:150px;height:35px;"></dd><dd class="w102" style="width:150px;text-align: center;text-indent: 0.5em;"><input type="button" value=去交易 class="btns2" onclick="top.location=\'/trade/index/market/' + ary[i][8] + '/\'" /></dd></dl></li>'
        }
        $('#price_today_ul').html(html);
    }

    function formatCount(count) {
        var countokuu = (count / 100000000).toFixed(3)
        var countwan = (count / 10000).toFixed(3)
        if (count > 100000000)
            return countokuu.substring(0, countokuu.lastIndexOf('.') + 3) + '亿'
        if (count > 10000)
            return countwan.substring(0, countwan.lastIndexOf('.') + 3) + '万'
        else
            return count
    }

    function change_line_bg(id, tag, nobg) {
        var oCoin_list = $('#' + id);
        var oC_li = oCoin_list.find(tag);
        var oInp = oCoin_list.find('input');
        var oldCol = null;
        var newCol = null;
        if (!nobg) {
            for (var i = 0; i < oC_li.length; i++) {
                oC_li.eq(i).css('background-color', i % 2 ? '#f8f8f8' : '#fff');
            }
        }
        oCoin_list.find(tag).hover(function() {
            oldCol = $(this).css('backgroundColor');
            $(this).css('background-color', '#eaedf4');
        }, function() {
            $(this).css('background-color', oldCol);
        })
    }

    function sortcoinList(order, sortBy) {
        var ordAlpah = (order == 'asc') ? '>' : '<';
        var sortFun = new Function('a', 'b', 'return parseFloat(a[' + sortBy + '])' + ordAlpah + 'parseFloat(b[' + sortBy + '])? 1:-1');
        return sortFun;
    }

    function trade_qu(o) {
        $('.trade_qu_pai').removeClass('current');
        $(o).addClass('current');
        allcoin();
    }
    trends();
</script>


<style>
    .container-full {
        min-width: 1170px !important;
    }
    
    @media (min-width: 1200px) .container {
        width: 1170px;
    }
    
    @media (min-width: 992px) .container {
        width: 970px;
    }
    
    @media (min-width: 768px) .container {
        width: 750px;
    }
    
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .col-xs-4 {
        width: 33.33333333%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .col-xs-12 {
        width: 100%;
        float: left;
    }
    
    .text-danger {
        color: #fff;
    }
    
    .text-danger1 {
        color: #da2e22;
    }
    
    h3,
    .h3 {
        font-size: 21px;
    }
    
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 17px;
        margin-bottom: 8.5px;
    }
    /*****about*******/
    
    .about {
        position: relative;
    }
    
    .about-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        padding-bottom: 105px;
        background: #fff;
    }
    
    .about-bg div {
        background: #eeebeb;
        width: 100%;
        height: 572px;
    }
    
    .about-top {
        padding-top: 60px;
        height: 185px;
    }
    
    .about .about-item {}
    
    .about .about-title {
        font-weight: bold;
        font-size: 25px;
    }
    
    .about .about-item p {
        line-height: 2em;
    }
    
    .about .about-con-box {
        margin: 60px auto;
    }
    
    .about .about-con {
        background: #fff;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 50px;
        padding-top: 65px;
        border: #d1d1d1 solid 1px;
        border-top: 5px solid #c83935;
        min-height: 450px;
    }
    
    .about .about-img {
        margin-top: 30px;
        height: 12em;
        width: 13em;
        display: inline-block;
    }
    
    .about .security {
        background: url("/comfile/images/indexplist.png") no-repeat 8px 0;
    }
    
    .about .professional {
        background: url("/comfile/images/indexplist.png") no-repeat -200px 0px;
    }
    
    .about .quick {
        margin-left: 25px;
        background: url("/comfile/images/indexplist.png") no-repeat -431px 0px;
    }
</style>




<div class="container-full about index">
    <div class="about-bg">
        <div></div>
    </div>
    <div class="container text-center">
        <div class="about-con-box clearfix">
            <div class="col-xs-4 about-item">
                <div class="col-xs-12 about-con">
                    <h3 class="text-danger1 about-title">安全</h3>
                    <span class="about-img security"></span>
                    <p class="text-left">SSL、冷钱包机制、多重加密存储等银行级安全技术，流程化、责任化的多重审核管理体系。</p>
                </div>
            </div>
            <div class="col-xs-4 about-item">
                <div class="col-xs-12 about-con">
                    <h3 class="text-danger1 about-title">便捷</h3>
                    <span class="about-img quick"></span>
                    <p class="text-left">界面简约易懂，操作方便。系统稳定高效，速度响应快。手机电脑等客户端，随时随地均可交易。</p>
                </div>
            </div>
            <div class="col-xs-4 about-item">
                <div class="col-xs-12 about-con">
                    <h3 class="text-danger1 about-title">平等</h3>
                    <span class="about-img professional"></span>
                    <p class="text-left">交易有前景的投资币种，减少投资风险；致力于数字资产落地化，惠及更多线下交易者，享有平等投资机会。</p>
                </div>
            </div>
        </div>
    </div>
</div>


<style>
    .news {
        padding: 55px 0;
        background: #fff;
        border-top: 1px solid #eeebeb;
    }
    
    .news-items {
        width: 345px;
        height: 730px;
        border: 1px solid #f6f5f5;
        float: left;
        transition: width 0.3s;
    }
    
    .news-items.active {
        border: 1px solid #ec9690;
        width: 450px;
    }
    
    .news-items.active .news-item-hd {
        background: url("/comfile/images/news-hd.png") no-repeat 50% 50%;
        color: #fff;
    }
    
    .news-item-hd {
        height: 182px;
        background: #f9f9fa;
        padding-top: 22px;
    }
    
    .news-item-hd i {
        width: 59px;
        height: 62px;
        background: url("/comfile/images/indexplist.png") no-repeat;
        display: inline-block;
    }
    
    .news-item-hd i.notice-icon {
        background-position: 0 -1031px;
    }
    
    .news-item-hd i.topic-icon {
        background-position: -140px -1031px;
    }
    
    .news-item-hd i.reports-icon {
        background-position: -270px -1031px;
    }
    
    .news-items.active .news-item-hd i {
        background-position-y: -1131px;
    }
    
    .news-item-hd p.hd1 {
        font-size: 22px;
        font-weight: bold;
        color: #333;
    }
    
    .news-items.active .news-item-hd p.hd1 {
        color: #fff;
    }
    
    .news-item-hd p.hd2 {
        font-size: 16px;
        color: #999;
    }
    
    .news-items.active .news-item-hd p.hd2 {
        color: #fff;
    }
    
    .news-item-cn {
        padding: 0 30px;
    }
    
    .news .media {
        margin-top: 37px;
        display: inline-block;
        position: relative;
        width: 100%;
    }
    
    .news .media:hover {
        text-decoration: none;
    }
    
    .news .media-left {
        position: absolute;
        right: -10px;
    }
    
    .news-items.active .media-left img {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .news .media-left img {
        width: 88px;
        height: 77px;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity 1s;
    }
    
    .news .media-heading {
        color: #333;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .news .media-body {
        color: #999;
        font-size: 14px;
        line-height: 1.6;
        width: 280px;
        height: 88px;
    }
</style>



<div style="min-height:841px;" class="container-full index news">
    <div class="container">
        <div class="news-items active" style="width: 450px;">
            <div class="news-item-hd text-center">
                <i class="notice-icon"></i>
                <p class="hd1">官方公告</p>
                <p class="hd2">掌握各类活动资讯</p>
            </div>
            <div class="news-item-cn">

                <volist name="indexArticle['gonggao']" id="vo">
                    <a class="media" href="{:U('Article/detail','id='.$vo['id'])}">
                        <div class="media-left">
                            <img src="{$vo['img']}">
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">{$vo['title']}</h4>
                            {$vo['content']}...
                        </div>
                    </a>
                </volist>

            </div>
        </div>
        <div class="news-items" style="width: 345px;">
            <div class="news-item-hd text-center">
                <i class="topic-icon"></i>
                <p class="hd1">热门话题</p>
                <p class="hd2">最新最热的话题讨论</p>
            </div>
            <div class="news-item-cn">

                <volist name="indexArticle['taolun']" id="vo">
                    <a class="media" href="{:U('Article/detail','id='.$vo['id'])}">
                        <div class="media-left">
                            <img src="{$vo['img']}">
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">{$vo['title']}</h4>
                            {$vo['content']}...
                        </div>
                    </a>
                </volist>

            </div>
        </div>
        <div class="news-items" style="width: 345px;">
            <div class="news-item-hd text-center">
                <i class="reports-icon"></i>
                <p class="hd1">媒体报道</p>
                <p class="hd2">多方面了解行业动态</p>
            </div>
            <div class="news-item-cn">

                <volist name="indexArticle['hangye']" id="vo">
                    <a class="media" href="{:U('Article/detail','id='.$vo['id'])}">
                        <div class="media-left">
                            <img src="{$vo['img']}">
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">{$vo['title']}</h4>
                            {$vo['content']}...
                        </div>
                    </a>
                </volist>

            </div>
        </div>
    </div>
</div>


<script language="javascript">
    $(".news-items").mouseover(function(a) {
        $(".news-items").removeClass("active");
        $(".news-items").stop().animate({
            width: "345px"
        }, 50);
        $(this).stop().animate({
            width: "450px"
        }, 50);
        $(this).addClass("active");
    });
</script>



<style>
    .contact-comfile {
        padding-top: 60px;
        padding-bottom: 60px;
        border-top: #eeebeb solid 1px;
        background: url("/comfile/images/callinfo-bg.png") no-repeat 50% 50%;
    }
    
    .contact-con-comfile {
        border: #edecec 1px solid;
        box-shadow: 0 0 5px #eeebeb;
        background-color: #fff;
        position: relative;
    }
    
    .contact-con-comfile .top-split {
        border-top: #c83935 5px solid;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    
    .contact-con-comfile .icon-iten {
        padding-bottom: 20px;
    }
    
    .contact-con-comfile .icon-iten .icon {
        width: 107px;
        height: 107px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .contact-con-comfile .icon-iten .icon.qq {
        background: url("/comfile/images/indexplist.png") no-repeat 0 -450px;
    }
    
    .contact-con-comfile .icon-iten .icon.phone {
        background: url("/comfile/images/indexplist.png") no-repeat -198px -450px;
        margin-top: 0px;
    }
    
    .contact-con-comfile .icon-iten .icon.app {
        background: url("/comfile/images/indexplist.png") no-repeat -399px -450px;
    }
    
    .contact-con-comfile .icon-iten .icon.weibo {
        background: url("/comfile/images/indexplist.png") no-repeat 0 -640px;
    }
    
    .contact-con-comfile .icon-iten .icon.wechat {
        background: url("/comfile/images/indexplist.png") no-repeat -198px -640px;
    }
    
    .contact-con-comfile .icon-iten .icon.email {
        background: url("/comfile/images/indexplist.png") no-repeat -399px -640px;
    }
    
    .contact-con-comfile .contact-item {
        padding-bottom: 40px;
        border-right: #edecec 1px solid;
        padding-top: 40px;
        background-color: #fff;
        height: 296.5px;
    }
    
    .contact-con-comfile .contact-item ul li {
        margin-top: 5px;
        list-style: none;
        position: relative;
    }
    
    .contact-con-comfile .contact-item:last-child {
        border-right: #fff 1px solid;
    }
    
    .contact-con-comfile .contact-item ul {
        display: inline-block;
        font-size: 14px;
        padding-left: 0;
    }
    
    .contact-con-comfile .contact-item ul a {
        color: #333333;
    }
    
    .contact-con-comfile .contact-item:hover .dialog_qq3479015851 {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .contact-con-comfile .contact-item .dialog_qq3479015851 {
        position: absolute;
        top: 0px;
        width: 191px;
        height: 266px;
        background: #c83935;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .5s;
        padding-top: 40px;
        text-decoration: none;
    }
    
    .contact-con-comfile .contact-item .dialog_qq3479015851:hover {
        text-decoration: none;
    }
    
    .contact-con-comfile .contact-item img {
        width: 135px;
        height: 135px;
        border-radius: 10px;
    }
    
    .contact-con-comfile .contact-item .dialog_qq3479015851 p {
        color: #fff;
        padding-top: 30px;
    }
    
    .contact-con-comfile .contact-item:hover .dialog_qq3479015851_1 {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .contact-con-comfile .contact-item .dialog_qq3479015851_1 {
        position: absolute;
        top: 0px;
        left: 380px;
        width: 191px;
        height: 266px;
        background: #c83935;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .5s;
        text-decoration: none;
    }
    
    .contact-con-comfile .contact-item .dialog_qq3479015851_1 p {
        color: #fff;
        padding-top: 30px;
    }
    
    .contact-con-comfile p {
        color: #999;
        font-size: 14px;
    }
    
    .contact-con-comfile i.dots {
        width: 5px;
        height: 5px;
        background: #999;
        position: absolute;
        top: 7px;
        left: -10px;
        border-radius: 5px;
    }
    
    .col-xs-2 {
        width: 16.66666667%;
        float: left;
    }
    
    .container-comfile {
        width: 1170px;
        max-width: none !important;
    }
    
    .container-full-comfile {
        min-width: 1170px !important;
    }
    
    @media (min-width: 1200px) .container-comfile {
        width: 1170px;
    }
    
    @media (min-width: 992px) .container-comfile {
        width: 970px;
    }
    
    @media (min-width: 768px) .container-comfile {
        width: 750px;
    }
    
    .container-comfile {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
</style>




<div class="container-full-comfile index contact-comfile ">
    <div style="height:296.5px;" class="container-comfile">
        <div class="contact-con-comfile text-center ">
            <div class="top-split"></div>



            <div class="col-xs-2 contact-item">
                <div class="icon-iten">
                    <a href="http://wpa.qq.com/msgrd?v=3&uin={:C('contact_qq')[0]}&site=qq&menu=yes" target="_black">
                        <i class="icon qq"></i>
                    </a>
                </div>
                <p>官方QQ</p>
                <ul>
                    <li>
                        <a href="http://wpa.qq.com/msgrd?v=3&uin={:C('contact_qq')[0]}&site=qq&menu=yes" target="_black">{:C('contact_qq')[0]}</a>
                    </li>
                </ul>
            </div>





            <div class="col-xs-2 contact-item">
                <div class="icon-iten">
                    <i class="icon phone"></i>
                </div>
                <p>24小时热线</p>
                <ul>
                    <li>{:C('contact_moble')}</li>
                </ul>
            </div>
            <div class="col-xs-2 contact-item">
                <div class="icon-iten">
                    <i class="icon app"></i>
                </div>
                <p>APP下载</p>
                <ul>
                    <li>安卓、IOS</li>
                </ul>
                <a class="dialog_qq3479015851_1" target="_black" href="#">
                    <img style="padding-top:40px;" alt="下载APP" src="/comfile/images/appdown.png">
                    <p>点击查看下载APP</p>
                </a>
            </div>
            <div class="col-xs-2 contact-item">
                <div class="icon-iten">
                    <a href="#" target="_block">
                        <i class="icon weibo"></i>
                    </a>
                </div>
                <p>手机访问</p>
                <ul>
                    <li>
                        <a href="{:C('contact_weibo')}" target="_block"> @{:C('web_name')}网</a>
                    </li>
                </ul>
                <div class="dialog_qq3479015851">
                    <img alt="手机版二维码" src="/Upload/public/{:C('contact_app_img')}">
                    <p>扫描直接访问手机版</p>
                </div>
            </div>
            <div class="col-xs-2 contact-item">
                <div class="icon-iten">
                    <i class="icon wechat"></i>
                </div>
                <p>官方微信</p>
                <ul>
                    <li>{:C('contact_weixin')}</li>
                </ul>
                <div class="dialog_qq3479015851">
                    <img alt="微信二维码" src="/Upload/public/{:C('contact_weixin_img')}">
                    <p>扫描关注官方微信</p>
                </div>
            </div>
            <div class="col-xs-2 contact-item">
                <div class="icon-iten">
                    <a target="_blank" href="javascript:void(0)">
                        <i class="icon qq"></i>
                    </a>
                </div>
                <p>官方QQ群</p>
                <ul>

                    <volist name=":C('contact_qqun')" id="v">
                        <li>
                            <i class="dots"></i><a href="#">{$v}</a>
                        </li>

                    </volist>


                </ul>
            </div>
        </div>
    </div>
</div>




















<div style="height:0;width:100%;clear:both;"></div>





<style>
    .content {
        width: 1100px;
        overflow: hidden;
        margin: 0px auto 0;
    }
    
    .content_l {
        width: 665px;
        overflow: hidden;
        float: left;
    }
    
    .content_r {
        width: 310px;
        overflow: hidden;
        float: right;
    }
    
    .title {
        font-size: 16px;
        height: 32px;
        line-height: 32px;
    }
    /*links*/
    
    #links {
        width: 1100px;
        height: 54px;
        overflow: hidden;
        float: left;
        margin: 0 10px;
    }
    
    #links ul {
        height: 42px;
        padding-top: 11px;
        overflow: hidden;
        width: 2000px;
    }
    
    #links li {
        float: left;
        width: 90px;
        margin: 0 10px;
        display: inline;
    }
    
    #links img {
        display: block;
        width: 90px;
        height: 32px;
        overflow: hidden;
    }
    
    #links a:hover img {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    
    .slideContainer {
        position: relative;
        z-index: 0;
    }
</style>


<div class="index_news mt20 index_news1 " style="    margin-bottom: -20px;">
    <ul class="index_media_ul index_media_ul4 ml35">
        <li class="index_media_li active">合作伙伴</li>
    </ul>




    <div class="content links">
        <div class="links_list">
            <div id="links">
                <ul id="slideContainer" class="slideContainer">



                    <volist name="indexLink" id="vo">
                        <li>
                            <a href="{$vo['url']}" alt="{$vo['title']}" title="{$vo['title']}" target="_blank">
                                <img src="/Upload/link/{$vo['img']}">
                            </a>
                        </li>
                    </volist>


                </ul>
            </div>
        </div>
    </div>











</div>



<script type="text/javascript">
    //c的值为每次滚动数
    var slideContainer = $('#slideContainer'),
        c = 1,
        s_w = 110 * c,
        counts_l = 0,
        counts_r = 0,
        maxCounts = slideContainer.find('li').size() - 0,
        gameOver = true,
        slideCounts = 10,
        sTimer;

    function link_next_event() {
        if (gameOver) {
            gameOver = false;
            counts_r++;
            slideContainer.animate({
                left: '-=' + s_w
            }, 500, function() {
                gameOver = true;
                slideContainer.animate({
                    left: '+=' + s_w
                }, 0);
                slideContainer.find('li:lt(' + c + ')').clone().appendTo(slideContainer);
                slideContainer.find('li:lt(' + c + ')').remove();
            });
        }
    }

    lastCLiHtml();
    slideContainer.find('li:gt(' + (maxCounts - 1) + ')').remove();

    function lastCLiHtml() {
        var html = '';
        slideContainer.find('li:gt(' + (maxCounts - c - 1) + ')').each(function() {
            html += '<li>' + $(this).html() + '</li>';
        });
        slideContainer.html(html + slideContainer.html()).css({
            'margin-left': -s_w + 'px'
        });
    }

    var l_hover = false,
        m_hover = false,
        r_hover = false;
    $('#links').on({
        'mouseover': function() {
            m_hover = true;
            clearInterval(sTimer);
        },
        'mouseout': function() {
            m_hover = false;
            isStartGo();
        }
    });


    setInverterTimer();

    function setInverterTimer() {
        clearInterval(sTimer);
        sTimer = setInterval(function() {
            link_next_event();
        }, 2000);
    }

    function isStartGo() {
        var st = setTimeout(function() {
            if (!l_hover && !m_hover && !r_hover) {
                setInverterTimer();
            }
        }, 1000);
    }
</script>














<script>
    $('#index_box').addClass('active');
</script>


<script src="__PUBLIC__/Home/js/canva.index.js?version=201612131123"></script>


<style>
    .modal-open {
        overflow: hidden;
    }
    
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }
    
    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }
    
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 10%);
        /*transform: translate(0, 0);*/
    }
    
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }
    
    .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    }
    
    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    
    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    
    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }
    
    .modal-header {
        min-height: 16.42857143px;
        padding: 15px;
    }
    
    .modal-header .close {
        margin-top: -2px;
    }
    
    .modal-title {
        margin: 0;
        line-height: 1.42857143;
    }
    
    .modal-body {
        position: relative;
        padding: 15px;
    }
    
    .modal-footer {
        padding: 5px 0 20px 0;
        text-align: center;
    }
    
    .modal-footer .btn+.btn {
        margin-bottom: 0;
        margin-left: 5px;
    }
    
    .modal-footer .btn-group .btn+.btn {
        margin-left: -1px;
    }
    
    .modal-footer .btn-block+.btn-block {
        margin-left: 0;
    }
    
    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }
    
    @media (min-width: 768px) {
        .modal-dialog {
            width: 600px;
            margin: 0px auto;
        }
        .modal-content {
            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        }
        .modal-sm {
            width: 300px;
        }
    }
    
    @media (min-width: 992px) {
        .modal-lg {
            width: 900px;
        }
    }
    
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }
    
    .modal-footer:after {
        clear: both;
    }
</style>



<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="text-align: center;display: none;padding-right: 16px;">
    <div class="modal-dialog" style="width:640px;text-align:center;">
        <div id="autoCenter" class="modal-content" style="padding: 5px 30px 10px; height: auto; margin-top: 164px;">


            <div class="modal-header" style="border:none;text-align:left;margin-left:20px;">

                <h3 class="modal-title" id="myModalLabel" style="font-size:18px;">
                    {$C['web_name']}提醒您:
                </h3>
            </div>
            <div class="modal-body" style="font-size:18px;width: 550px;margin-top:-30px;">
                <div class="paragraph paragraph_news" style="font-size:14px;text-indent:2em;line-height: 30px;text-align:left;">
                    {$C['web_waring']}
                </div>
            </div>
            <div class="modal-footer" style="border:none;">
                <button type="button" style="cursor:pointer;font-family:Microsoft YaHei !important;font-size:18px;background: #f60;width:200px;height:40px;border:0px;color:white" class="btn btn-warning" data-dismiss="modal" id="yes_sure">我已了解以上风险
				</button>
            </div>
        </div>
    </div>
</div>

<div class="modal-backdrop fade in" style="display:none;"></div>

<script>
    $("#yes_sure").click(function() {
        $('#myModal').css('display', 'none');
        $('.modal-backdrop').css('display', 'none');
        $.cookies.set('move_waring', 1);
    });

    $(function() {
        var waring = $.cookies.get('move_waring');
        if (!waring) {
            $('#myModal').css('display', 'block');
            $('.modal-backdrop').css('display', 'block');
            $.cookies.set('move_waring', 1, {
                hoursToLive: 24
            });
        }
    });
</script>


<include file="Public:footer" />